{layout name="layout2" /}
{empty name="items"}
购物车空空如也！
{/empty}
{notempty name="items"}
<table>
<tr><td>图片</td><td>商品号</td><td>商品名</td><td>价格</td><td>数量</td><td>小计</td><td>操作</td></tr>
{foreach name="items" item="item"}
	<tr>
	<td><img width="100px" height="100px" src="__STATIC__/upload/{$item.pImg}" />
	</td><td class="pId" >{$item.pId}</td>
	<td>{$item.pName|substr=0,20}</td>
	<td>{$item.pPrice}</td>
	<td><input type="number" id="number{$item.pId}" name="number" required="true" min="1" value="{$item.number}"></td>
	<td>{$item.totalPrice}</td>
	<td><a href="deleteItem/id/{$item.pId}" onclick="return confirm('确定删除吗?');">删除</a></td>
	</tr>
{/foreach}	
	<tr>	<td colspan="7" id="sumPrice">总价：{$sumPrice} 元</td>
	</tr>	<tr>
	<td colspan="7">
	<input type="button" id="createOrder" name="createOrder" value="生成订单" onclick="window.location.href='createOrder'" />
    </td>	</tr>

	</table>
	</td>
</tr>
</table>
{/notempty}
<script>
	window.onload=function(){
		inputs=document.getElementsByName("number");
		for(j = 0; j < inputs.length; j++) {
   			inputs[j].addEventListener("blur",function(){
   				//1/得到xhr对象
				var xhr=getXHR();
				//2.注册状态变化监听器
				xhr.onreadystatechange=function(){
		if(xhr.readyState==4)		 {
		if(xhr.status==200)
		 {	//alert("服务器响应了");//alert(xhr.responseText);
								if(xhr.responseText=="ok")	 {
	window.location.href="shoppingcar";
	} else{
		alert(xhr.responseText);
	}}}}
	//3.建立与服务器的连接
	//xhr.open("POST","updateCar"+"?time="+new Date().getTime());
	xhr.open("POST","updateCar"+"?id="+this.id+"&num="+this.value);
	//4.向服务器发出请求
	xhr.send();
	},false);
	} 				
	};
	/** * 以下定义一个函数以获得 XMLHttpRequest对象 */
function getXHR(){
	var xmlHttp;
	try {
		xmlHttp=new XMLHttpRequest();
	}catch(e)
	{
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e)
		{
			try{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e)
			{
				alert("你的浏览器不支持ajax");
				return false;
			}			
		}		
	}
	return xmlHttp;
}
</script>
